<div id="clientInformationTabs" style="margin-top: 10px; width: 100%;">
	<!-- Diagnosis -->
	<div id="tabClientInfo1" class="x-hide-display tab-content">	        	
		<div style="float: left; width: 210px;">
			<input type="text" id="diagnosis1Field" />
		</div>
		<div style="float: left; width: 210px;">
			<input type="text" id="diagnosis2Field" />
		</div>
		<div style="float: left; width: 210px;">
			<input type="text" id="diagnosis3Field" />
		</div>
		<div style="clear: left; height: 10px;"></div>
		
		<label class="vertLabelSmall">Diagnosis Challenges and/or Concerns</label>
		<textarea id="diagnosisChallenges" style="width: 580px; height: 100px;"></textarea>
		
		<label class="vertLabelSmall">Response to Diagnosis and/or Challenges Concerns. Resources or Materials Recommended</label>
		<textarea id="diagnosisResponse" style="width: 580px; height: 100px;"></textarea>
		
		<div class="buttonClientInfoTabs">
			<div><a href="#" class="coolButton buttonBGBlueGray" tabindex="30" onClick="contactSaveClientInfoObj.saveClientInfoDiagnosis(); return false;"><span class="save">Save</span></a></div>
		</div>	
		<div style="float: right; margin: 10px 0 0 10px;">
			<div id="messageClientTab1" class="messageClientInfoTabs"></div>
		</div>	
	</div>
	
	<!-- Insurance Concerns and Responses -->
    <div id="tabClientInfo2" class="x-hide-display tab-content">
    	<div style="margin-bottom: 18px;">
     	<input type="checkbox" id="insurancePublic" value="1" /> <span class="labelSmall">Public</span>
     	<input type="checkbox" id="insurancePrivate" value="1" /> <span class="labelSmall">Private</span>
     	<input type="checkbox" id="insuranceNone" value="1" /> <span class="labelSmall">No Insurance</span>
    	</div>
    	<label class="vertLabelSmall">Insurance Concerns</label>
    	<textarea id="insuranceConcerns" style="width: 580px; height: 100px;"></textarea>
    	
    	<label class="vertLabelSmall">Response to Insurance Concerns. Resources or Materials Recommended</label>
    	<textarea id="insuranceResponse" style="width: 580px; height: 100px;"></textarea>
    	
    	<div class="buttonClientInfoTabs">
    		<div><a href="#" class="coolButton buttonBGBlueGray" onClick="contactSaveClientInfoObj.saveClientInfoInsurance(); return false;"><span class="save">Save</span></a></div>
		</div>
		<div style="float: right; margin: 10px 0 0 10px;">
			<div id="messageClientTab2" class="messageClientInfoTabs"></div>
		</div>	
	</div>
    
    <!-- Medical/Healthcare Concerns and Responses -->
    <div id="tabClientInfo3" class="x-hide-display tab-content">
    	<label class="vertLabelSmall">Medical/Healthcare Provider Concerns</label>
    	<textarea id="healthcareConcerns" style="width: 580px; height: 100px;"></textarea>
    	
    	<label class="vertLabelSmall">Response to Medical/Healthcare Provider Concerns. Resources or Materials Recommended</label>
    	<textarea id="healthcareResponse" style="width: 580px; height: 100px;"></textarea>
    	
    	<div class="buttonClientInfoTabs">
    		<div><a href="#" class="coolButton buttonBGBlueGray" onClick="contactSaveClientInfoObj.saveClientInfoHealthcare(); return false;"><span class="save">Save</span></a></div>
		</div>
		<div style="float: right; margin: 10px 0 0 10px;">
			<div id="messageClientTab3" class="messageClientInfoTabs"></div>
		</div>	
	</div>
    
    <!-- Social/Recreational Concerns and Responses -->
    <div id="tabClientInfo4" class="x-hide-display tab-content">
    	<label class="vertLabelSmall">Social/Recreational Concerns</label>
    	<textarea id="socialConcerns" style="width: 580px; height: 100px;"></textarea>
    	
    	<label class="vertLabelSmall">Response to Social/Recreational Concerns. Resources or Materials Recommended</label>
    	<textarea id="socialResponse" style="width: 580px; height: 100px;"></textarea>
    	
    	<div class="buttonClientInfoTabs">
    		<div><a href="#" class="coolButton buttonBGBlueGray" onClick="contactSaveClientInfoObj.saveClientInfoSocial(); return false;"><span class="save">Save</span></a></div>
		</div>
		<div style="float: right; margin: 10px 0 0 10px;">
			<div id="messageClientTab4" class="messageClientInfoTabs"></div>
		</div>	
	</div>
    
    <!-- School and Transition -->
    <div id="tabClientInfo5" class="x-hide-display tab-content">
    	<div style="float: left; width: 210px;">
    		<label class="vertLabelSmall">IEP, IFSP Classification 1</label>
    		<select id="schoolIEPClassification1" style="width: 200px;" size="1">
    		<option>Select...</option>
    		<option></option>
    		<?=$iepSelect; ?>
    		</select>
    	</div>
    	<div style="float: left; width: 210px;">
    		<label class="vertLabelSmall">IEP, IFSP Classification 2</label>
    		<select id="schoolIEPClassification2" style="width: 200px;" size="1">
    		<option>Select...</option>
    		<option></option>
    		<?=$iepSelect; ?>
    		</select>
    	</div>
    	<div style="float: left; width: 210px;">
    		<label class="vertLabelSmall">SPED Designation</label>
    		<select id="schoolSPEDDesignation" style="width: 200px;" size="1">
    		<option></option>
    		</select>
    	</div>
    	<div style="clear: left; height: 10px;"></div>
    	<div style="float: left; width: 210px;">
    		<label class="vertLabelSmall">Diploma Type</label>
    		<select id="schoolDiplomaType" style="width: 200px;" size="1">
    		<option>Select...</option>
    		<option></option>
    		<option value="Regular">Regular</option>
    		<option value="Modified">Modified</option>
    		<option value="Certificate">Certificate</option>
    		</select>
    	</div>     
    	<div style="float: left; width: 210px; margin-top: 20px;">
    		<input type="checkbox" id="schoolFreeLunch" value="1" /> <span class="labelSmall">Free/Reduced Lunch</span>	        	
    	</div>
    	<div style="float: left; width: 210px; margin-top: 20px;">
    		<input type="checkbox" id="schoolLowLit" value="1" /> <span class="labelSmall">Low Literacy</span>	        	
    	</div>
    	<div style="clear: left; height: 10px;"></div>
    		        
   		<label class="vertLabelSmall">School and/or Transition Concerns</label>
    	<textarea id="schoolConcerns" style="width: 580px; height: 100px;"></textarea>
    	
    	<label class="vertLabelSmall">Response to School and/or Transition Concerns. Resources or Materials Recommended</label>
    	<textarea id="schoolResponse" style="width: 580px; height: 100px;"></textarea>
    	
    	<div class="buttonClientInfoTabs">
    		<div><a href="#" class="coolButton buttonBGBlueGray" onClick="contactSaveClientInfoObj.saveClientInfoSchoolTrans(); return false;"><span class="save">Save</span></a></div>
		</div>
		<div style="float: right; margin: 10px 0 0 10px;">
			<div id="messageClientTab5" class="messageClientInfoTabs"></div>
		</div>	
	</div>
    
    <!-- Family Concerns and Resources -->
    <div id="tabClientInfo6" class="x-hide-display tab-content">
    	<div style="margin-bottom: 18px;"><input type="checkbox" id="familyLowIncome" value="1" /> <span class="labelSmall">Low Income</span></div>	        	
    	
    	<label class="vertLabelSmall">Family Concerns</label>
    	<textarea id="familyConcerns" style="width: 580px; height: 100px;"></textarea>
    	
    	<label class="vertLabelSmall">Response to Family Concerns. Resources or Materials Recommended</label>
    	<textarea id="familyResponse" style="width: 580px; height: 100px;"></textarea>
    	
    	<div class="buttonClientInfoTabs">
    		<div><a href="#" class="coolButton buttonBGBlueGray" onClick="contactSaveClientInfoObj.saveClientInfoFamily(); return false;"><span class="save">Save</span></a></div>
		</div>
		<div style="float: right; margin: 10px 0 0 10px;">
			<div id="messageClientTab6" class="messageClientInfoTabs"></div>
		</div>	
	</div>
    
    <!-- Trainings and Events -->
    <div id="tabClientInfo7" class="x-hide-display tab-content">
     <div style="margin: 0 0 10px 0;"><b>Register this member for an event</b><br />
          <select id="eventSelectClientInfo" style="width: 380px; margin: 2px 10px 0 0;">
          </select>
          <button id="buttonRegisterMember" onClick="contactSaveClientInfoObj.saveClientInfoEvents(); return false;">Register</button>
	</div>
    	<div id="memberEvents"></div>	
    	<div id="messageClientTab7" class="messageClientInfoTabs"></div>
    </div>
    
    <!-- Library Items -->
    <div id="tabClientInfo8" class="x-hide-display tab-content">
    	<div style="margin: 0 0 10px 0;"><b>Search the library</b><br />
			<input type="text" id="librarySearchBoxClientInfo" style="width: 380px;" />
		</div>
		
    	<div id="libraryListCheckedOut"></div>	
    	<div id="messageClientTab8" class="messageClientInfoTabs"></div>
    </div>
        
    <!-- Other Concerns and Responses -->
    <div id="tabClientInfo9" class="x-hide-display tab-content">
    	<label class="vertLabelSmall">Other Concerns or Questions</label>
    	<textarea id="otherConcerns" style="width: 580px; height: 100px;"></textarea>
    	
    	<label class="vertLabelSmall">Response to Other Concerns or Questions. Resources or Materials Recommended</label>
    	<textarea id="otherResponse" style="width: 580px; height: 100px;"></textarea>
    	
    	<div class="buttonClientInfoTabs">
    		<div><a href="#" class="coolButton buttonBGBlueGray" onClick="contactSaveClientInfoObj.saveClientInfoOther(); return false;"><span class="save">Save</span></a></div>
    	</div>
    	<div style="float: right; margin: 10px 0 0 10px;">
			<div id="messageClientTab9" class="messageClientInfoTabs"></div>
		</div>	
    </div>
</div> 